*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
ul{
    list-style: none;
}
.container{
    width: 1266px;
    margin:0 auto;
    background-color: yellowgreen;
}
main>.container>ul{
    display: flex;
    justify-content: space-between;
}
.list{
    width: 234px;
    height: 170px;
    background-color:#5f5750;
}
.list>ul>li{
    width: 71px;
    height: 82px;
    margin:1px 0 1px 0;
    border:1px solid #aaa;
    padding:0 3px;
}
.list>ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.redmiNote4x{
    width: 316px;
    height: 170px;
    background-image: url(redmiNote4x.jpg);
    background-size: 100% 100%;
}
.xiaomiMIX{
    width: 316px;
    height: 170px;
    background-size: 100% 100%;
    background-image: url(xiaomiMIX.jpg);
}
.xiaomiluyouqi{
    width: 316px;
    height: 170px;
    background-size: 100% 100%;
    background-image: url(xiaomiluyouqi.jpg);
}
.container>ul>li{
    color:rgba(255,255,255,0.7);
    /* transition: color .2s; */
    transition: color .2s;
}
.danpin{
    display: flex;
    justify-content: space-between;
}
.mingxing{
    display: block;
    font-size:22px;
    line-height: 58px;
}
.danpin>li{
    background-color:rgb(250, 250, 250);
}
.danpin>li>img{
    width: 160px;
    height: 160px;
}